<!DOCTYPE html>
<!-- saved from url=(0026)http://localhost:8080/home -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Python and AJAX tutorial for beginners with webpy and jQuery</title>
        <link rel="stylesheet" type="text/css" href="./static/tutorial.css">
        
        <script type="text/javascript" src="./tst_files/jquery.js"> </script>
  
<link href='http://fonts.googleapis.com/css?family=Gudea|Open+Sans+Condensed:700,300' rel='stylesheet' type='text/css'>


    </head>
    
    <body>
       <span id="foo" style="display: inline; ">


  
  <div id="container">
  <ul id="policies">
    <li class="policy_button" data-value = "#fpolicy"> Foreign Policy </li>
    <li class="policy_button" data-value = "#economy"> Economy </li>
    <li class="policy_button" data-value = "#healthcare"> Healthcare </li>

  </ul>
  <div class="panel" id="fpolicy">
  <h1> Foreign Policy </h1>
  <li class="tweet">
  <span>
  analysis: obama's afghanistan problem gets worse: washington (ap) — president barack obama has a pr problem when... http://t.co/kr47wk8k
  </span>
  <br>
  <span class="subtext">
  BoxingDaGlacier,Mon Mar 12 04:56:20 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  waiting for rw to slam obama for apologizing for atrocity that occurred in afghanistan yesterday. #supportourtroops
  </span>
  <br>
  <span class="subtext">
    <a href="http://twitter.com/#!/LilyOutLoud"> @LilyOutLoud </a>,Mon Mar 12 04:55:38 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  access trumps religious freedom – obama not backing down from war on catholic church! http://t.co/uqycvlgj via @common_sense4u
  </span>
  <br>
  <span class="subtext">
  nutjob,Mon Mar 12 04:53:58 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  i support &amp; will vote for obama again but i will not excuse war-mongering &amp; constitution-shredding just because he's on my team. #expectmore
  </span>
  <br>
  <span class="subtext">
  TheAntiHannity,Mon Mar 12 04:53:53 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  @uscrime president obama got us out of iraq
  </span>
  <br>
  <span class="subtext">
  scottsoperson,Mon Mar 12 04:53:12 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  @uscrime obama got us out of iraq
  </span>
  <br>
  <span class="subtext">
  scottsoperson,Mon Mar 12 04:52:57 +0000 2012
  </span>
  </li>
  
  </div>
  <div class="panel" id="healthcare">
  <h1> Health Care </h1>
  <li class="tweet">
  <span>
  santorum: romney can't go after health care reform http://t.co/33zg9nfj
  </span>
  <br>
  <span class="subtext">
  heepto,Mon Mar 12 04:58:25 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  santorum says romney untruthful on health law: lesperance said the argument that romney's health care overhaul w... http://t.co/jieiwzzi
  </span>
  <br>
  <span class="subtext">
  AltonforHealth,Mon Mar 12 04:57:54 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  just realized so many academic classes would be cut under a santorum presidency. namely: science, american history, and health
  </span>
  <br>
  <span class="subtext">
  maxxatttack,Mon Mar 12 04:56:24 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  santorum: romney can't go after health care reform http://t.co/j5ozldpm
  </span>
  <br>
  <span class="subtext">
  heepto,Mon Mar 12 04:55:42 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  w/a european style onslaught obama wants 2 empty playing field of competitors 4 his 1-size-fits-all health care
http://t.co/6x9b7wgx
  </span>
  <br>
  <span class="subtext">
  RiverRoads,Mon Mar 12 04:55:35 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  santorum says romney untruthful on health law: (associated press) by shira schoenberg rick santorum launched a f... http://t.co/ah4okmfb
  </span>
  <br>
  <span class="subtext">
  HealthCareUS,Mon Mar 12 04:55:12 +0000 2012
  </span>
  </li>
  
  </div>
  <div class="panel" id="economy">
  <h1> Economy </h1>
  <li class="tweet">
  <span>
  paul graham wants you to build a new search engine, inbox, or be the next steve jobs http://t.co/gs00as3g
  </span>
  <br>
  <span class="subtext">
  aobjects,Mon Mar 12 04:58:05 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  @serendipity85 follow us to vote for the best black defense attys. news jobs networking for blk attys.
  </span>
  <br>
  <span class="subtext">
  OBABL,Mon Mar 12 04:57:54 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  poll: gas prices sink obama on economy http://t.co/bkn8id0u
  </span>
  <br>
  <span class="subtext">
  theledger,Mon Mar 12 04:56:03 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  @kathleenfussell follow us &amp; vote for the best boutique firms. news jobs networking for blk attys.
  </span>
  <br>
  <span class="subtext">
  OBABL,Mon Mar 12 04:55:48 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  paul graham wants you to build a new search engine, inbox, or be the next steve jobs http://t.co/schjexap
  </span>
  <br>
  <span class="subtext">
  SuzieLKalil,Mon Mar 12 04:55:47 +0000 2012
  </span>
  </li>
  
  <li class="tweet">
  <span>
  oops! santorum bucks gop message on the economy  http://t.co/t4fjd3pp via @tpm
  </span>
  <br>
  <span class="subtext">
  Phostir,Mon Mar 12 04:55:41 +0000 2012
  </span>
  </li>
  
  </div>


  
  </div>
  


</span>  

<script>
$(document).ready(function() {
    toggleElements('#fpolicy');
   $('.policy_button').click(function() {
      toggleElements($(this).attr('data-value'))
   });
});
function toggleElements(target) {
   if (target && $(target).length >0) { 
      console.log(target);
      $('div.panel').hide(); 
      $(target).show();
   }
}
</script>
</body>
</html>
    
    

